<template>
	<div class="index">
		<transition>
			<router-view></router-view>
		</transition>
	</div>
</template>
<script>
	export default {
		name: 'index',
		data() {
			return {
				msg: ''
			}
		}
	}
</script>
<style scoped>
	.index{
		min-height: 600px;
		margin-left: 160px;
		right: 0;
	}
	.el-row {
	    margin-bottom: 20px;
	    &:last-child {
	      margin-bottom: 0;
	    }
	}
	.el-col {
	   border-radius: 4px;
	}
	.bg-purple-dark {
	   background: #99a9bf;
	}
	.bg-purple {
	   background: #d3dce6;
	}
	.bg-purple-light {
	   background: #e5e9f2;
	}
	.grid-content {
	   border-radius: 4px;
	   min-height: 36px;
	   line-height: 36px;
	  }
	.row-bg {
	  padding: 10px 0;
	  background-color: #f9fafc;
	}
</style>